<!--
 * @Author: your name
 * @Date: 2020-11-24 14:55:24
 * @LastEditTime: 2020-11-24 15:47:58
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \solax-design\src\views\adminInverter\createInverter.vue
-->
<template>
    <div class="createModule box-create">
        <p style="font-weight: 700;margin-bottom: 10px;">{{$t('system.city.add')}}</p>
        <el-form ref="form" :model="form" label-width="auto" label-position='right'>
            <el-row :gutter="24">
                <el-col :span="10" :offset="1">
                    <el-divider content-position="center">{{$t('project.regular-data')}}</el-divider>
                    <el-form-item :label="$t('system.city.name')" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="区域" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-select v-model="form.snCount"></el-select>
                    </el-form-item>
                    <el-form-item label="国家" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-select v-model="form.snCount"></el-select>
                    </el-form-item>
                    <el-form-item label="经度" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="纬度" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-divider content-position="center">每月水平面上日平均辐射量(kWh/m²/d)</el-divider>
                    <el-form-item label="一月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="二月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="三月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="四月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="五月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="六月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="七月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="八月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="九月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="十月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="十一月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="十二月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="10" :offset="2">
                    <el-form-item label="晶片工艺" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-select v-model="form.snCount"></el-select>
                    </el-form-item>
                    <el-divider content-position="center">温度系数</el-divider>
                    <el-form-item label="MPP-电压" prop="snCount">
                        <el-input v-model="form.snCount" class="inline">
                            <template slot="append">%/°C</template>
                        </el-input>
                        <el-input v-model="form.snCount" class="inline">
                            <template slot="append">mV/°C</template>
                        </el-input>
                    </el-form-item>
                    <el-form-item label="开路电压" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount" class="inline">
                            <template slot="append">%/°C</template>
                        </el-input>
                        <el-input v-model="form.snCount" class="inline">
                            <template slot="append">mV/°C</template>
                        </el-input>
                    </el-form-item>
                    <el-form-item label="短路电流" prop="snCount">
                        <el-input v-model="form.snCount" class="inline">
                            <template slot="append">%/°C</template>
                        </el-input>
                        <el-input v-model="form.snCount" class="inline">
                            <template slot="append">mA/°C</template>
                        </el-input>
                    </el-form-item>
                    <el-divider content-position="center">每月平均空气温度(°C)</el-divider>
                    <el-form-item label="一月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="二月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="三月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="四月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="五月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="六月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="七月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="八月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="九月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="十月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="十一月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                    <el-form-item label="十二月" prop="snCount" :rules="[{ required: true, message: '不能为空'}]">
                        <el-input v-model="form.snCount"></el-input>
                    </el-form-item>
                </el-col>
       
            </el-row>
        </el-form>
        <div class="btn-wrap">
            <el-button type="primary" @click="save('form')">保存</el-button>
            <el-button @click="()=>{$router.push({path:'/adminModule'})}">返回</el-button>
        </div>
    </div>
</template>

<script>
import baseFile from '../../components/common/baseFileInput'
export default {
    components: {
        baseFile
    },
    props: {

    },
    data() {
        return {
            form:{
                snCount:'',
                checked:false,
                file:'',
            }
        };
    },
    computed: {

    },
    watch: {

    },
    created() {

    },
    mounted() {

    },
    methods: {
        save(formName){
            this.$refs[formName].validate((valid) => {
              if (valid) {
                //   this.snAddEntity()
              } else {
                console.log('error submit!!');
                return false;
              }
            });
        }
    },
};
</script>

<style lang="less">
    .save-main-box{
        display: flex;
        justify-content: space-evenly;
    }
    .el-input-group__append, .el-input-group__prepend{
        padding: 0;
        width: 50px;
        text-align: center;
        font-size: 12px;
    }
    .el-input-group+.el-input-group{
        margin-left:10px;
    }
    .el-input-group.inline{
        width:120px;
    }
    
</style>

